<template>
  <a-modal
    v-model="show"
    :centered="true"
    :keyboard="false"
    :footer="null"
    :width="1050"
    @cancel="handleCancleClick"
    title="品牌信息">
    <a-form>
      <a-row>
        <a-col :md="12" :sm="24">
          <a-form-item label="终端品牌代码"
                       v-bind="formItemLayout">
            <a-input v-model="brandInfoData.brandCode" :disabled="true"/>
          </a-form-item>
        </a-col>
        <a-col :md="12" :sm="24">
          <a-form-item label='终端品牌名称'
                       v-bind="formItemLayout">
            <a-input v-model="brandInfoData.brandName" :disabled="true"/>
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :md="12" :sm="24">
          <a-form-item label="终端品牌描述"
                       v-bind="formItemLayout">
            <a-input v-model="brandInfoData.brandDesc" :disabled="true"/>
          </a-form-item>
        </a-col>
        <a-col :md="12" :sm="24">
          <a-form-item label='联系人姓名'
                       v-bind="formItemLayout">
            <a-input  v-model="brandInfoData.contactName" :disabled="true"/>
          </a-form-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :md="12" :sm="24">
          <a-form-item label="联系电话"
                       v-bind="formItemLayout">
            <a-input v-model="brandInfoData.contactPhone" :disabled="true"/>
          </a-form-item>
        </a-col>
        <a-col :md="12" :sm="24">
          <a-form-item label='联系人电子邮箱'
                       v-bind="formItemLayout">
            <a-input v-model="brandInfoData.contactEmail" :disabled="true"/>
          </a-form-item>
        </a-col>
      </a-row>
      <br>
    </a-form>

  </a-modal>
</template>

<script>
  const formItemLayout = {
    labelCol: { span: 6 },
    wrapperCol: { span: 18 }
  }
  export default {
    name: 'BrandInfo',
    data(){
      return{
        formItemLayout,
      }
    },

    props: {
      brandInfoVisiable: {
        require: true,
        default: false
      },
      brandInfoData: {
        require: true
      }
    },
    computed: {
      show: {
        get: function () {
          return this.brandInfoVisiable
        },
        set: function () {
        }
      }
    },
    methods: {
      handleCancleClick () {
        this.$emit('close')
      }
    }
  }
</script>
